﻿<!DOCTYPE html>
<html>

<head>
  <title>KA admin 集成管理平台</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" type="text/css" href="../component/kav7/css/kav7.css" />
  <link rel="stylesheet" type="text/css" href="../admin/css/admin.css" />
  <link rel="stylesheet" type="text/css" href="../admin/css/admin.dark.css" />
  <link rel="stylesheet" type="text/css" href="../admin/css/variables.css" />
  <link rel="stylesheet" type="text/css" href="../admin/css/reset.css" />
  <link rel="stylesheet" type="text/css" href="../static/css/home.css" />
  <link rel="stylesheet" href="css/50.css">


</head>
<!-- 结 构 代 码 -->

<body class="layui-layout-body kav7-admin">
  <div style="background:#000d4a url(images/bg.jpg) center top;">
    <div class="back"></div>
    <div class="head">
      <h1>STT 能耗检测平台</h1>
      <div class="weather"><span id="showTime"></span></div>
    </div>
    <script>
      var t = null;
      t = setTimeout(time, 1000);//開始运行
      function time() {
        clearTimeout(t);//清除定时器
        dt = new Date();
        var y = dt.getFullYear();
        var mt = dt.getMonth() + 1;
        var day = dt.getDate();
        var h = dt.getHours();//获取时
        var m = dt.getMinutes();//获取分
        var s = dt.getSeconds();//获取秒
        document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "日" + h + "时" + m + "分" + s + "秒";
        t = setTimeout(time, 1000); //设定定时器，循环运行
      }
    </script>
    <div class="mainbox">
      <ul class="clearfix">
        <li>
          <div class="boxall" style="height:545px">
            <div class="alltitle">年份电量</div>
            <div class="navboxall" id="echart4"></div>
          </div>
        </li>
        <li>
          <div class="boxall" style="height:260px">
            <div class="alltitle">大区域电量分布</div>
            <div class="navboxall" id="echart1"> </div>
          </div>
          <div class="boxall" style="height:270px">
            <div class="alltitle">详细区域电量分布</div>
            <div class="navboxall" id="echart2"> </div>
          </div>
        </li>
      </ul>
      <ul class="clearfix">
        <li style="width:50%">
          <div class="boxall" style="height:390px">
            <div class="alltitle">2024电费</div>
            <div class="navboxall" id="echart3"></div>
          </div>
        </li>
        <li style="width:50%">
          <div class="boxall" style="height:390px">
            <div class="alltitle">年份电量</div>
            <div class="navboxall" id="echart5"></div>
          </div>
        </li>
      </ul>
      <div style="height: 100px;">&nbsp;</div>
    </div>
  </div>
  <!-- 依 赖 脚 本 -->
  <script src="../component/jquery-3.5.1.min.js" type="text/javascript"></script>
  <script src="../component/jquery.xs.cookie.watermark.timeto.base64.zepto.min.js" type="text/javascript"></script>
  <script src="../component/layui/layui.js" type="text/javascript"></script>
  <script src="../bigview/js/jquery.limarquee.js" type="text/javascript"></script>
  <script src="../bigview/js/jquery.cxselect.min.js" type="text/javascript"></script>
  <script src="../static/js/ka.pinYin.js" type="text/javascript"></script>
  <script src="../component/kav7/kav7.js" type="text/javascript"></script>
  <script src="../static/js/ka.pc.js" type="text/javascript"></script>
  <script src="../static/js/ka.public.js" type="text/javascript"></script>
  <script src="../static/js/ka.html.js" type="text/javascript"></script>
  <script src="../static/js/ka.static.value.js" type="text/javascript"></script>
  <script src="../component/ag-grid-enterprise.min.js" type="text/javascript"></script>
  <script src="../static/js/ka.qrcode.js" type="text/javascript"></script>
  <script src="../static/js/ka.file.js" type="text/javascript"></script>
  <script src="../static/js/ka.meui.text.scroll.js" type="text/javascript"></script>
  <script src="../static/js/ka.verify.js" type="text/javascript"></script>
  <script src="../static/js/ka.bubble.js" type="text/javascript"></script>
  <script src="../static/js/ka.websocket.js" type="text/javascript"></script>
  <!-- 框 架 初 始 化 -->
  <script src="../static/js/ka.log.js" type="text/javascript"></script>
  <script src="../static/js/ka.shortcut.js" type="text/javascript"></script>
  <script src="../static/js/ka.language.js" type="text/javascript"></script>
  <script src="../static/js/ka.grid.js" type="text/javascript"></script>
  <script src="../bigview/js/50.js" type="text/javascript"></script>
  <script>
    $(function () {
      $('.wrap').liMarquee({
        direction: 'up',//身上滚动
        //runshort: false,//内容不足时不滚动
        scrollamount: 20//速度
      });
    });
  </script>
</body>

</html>